
/* CSS Document */

/******************************************************
   Lab Report CSS Tables ver. 1.1
   Created by Louise Dade, 03 September 2005
   http://www.classical-webdesigns.co.uk
 
   You may use this style sheet, but please DO NOT
   link to it directly (hot-link) in your own files.
 
   Inc. Files: graph.png; fauxalpha.png; dlarrow.png
******************************************************/
 
/* We collapse borders because we don't want cell spacing.
   We specify the font family here too, including a generic fall-back.
   We specify a global table font size, using 'ems' because they are
   resizable and take their relative value from the global stylesheet. */
/*table {
    border-collapse: collapse;
    background: url(http://www.classical-webdesigns.co.uk/cssexps/graph.png) #fff no-repeat center;
    color: #000;
    font-family: "Lucida Bright", "Times New Roman", serif;
    font-size: 0.85em;
}
 
/* We add letter spacing because all caps makes the letters scrunchy
   Also, left aligned because it was favoured by my university for table
   captions, but yours might be different. Actually for a scientific paper,
   the caption would be more detailed, resembling a table 'summary' */
/*caption {
    padding-bottom: 5px;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    text-align: left;
}*/
 
/* Table headers should be clear, but concise and discreet.
   The double border separates the row from caption and the table body 
   without needing a different background colour. Because we've specified
   a text colour, we also specify a background colour (even though it's the
   same as the main table colour) to accommodate personal stylesheets. */
/*thead th {
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
    padding: 2px 10px;
    background-color: #fff;
    color: #aaa;
    text-align: left;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    white-space: nowrap;
}
 */
/* We've given the table footer the same double border treatment for the
   same reason.  It also acts as a nice "end of table" indicator. It's 
   part of the data so we leave the text black. We also treat the header
   and data the same way. */
/*tfoot th, tfoot td {
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
    padding: 2px 10px;
    font-variant: small-caps;
    letter-spacing: 0.1em;
}*/
 
/* We now revert to discreet single pixel horizontal borders to separate
   each entry.  If your table content is numerical data, you might want the
   vertical borders too, but I find it's visually more pleasing and easier to
   read online when there is plenty of padding instead of borders. 
   NOTE: we treat the headers and data cells the same here, visually it's clear
   enough (header text is bold) and does not affect screen-reader software */
/*tbody th, tbody td {
    border-bottom: 1px solid #ccc;
    padding: 2px 10px;
    text-align: left;
    vertical-align: top;
}
 */
/* Faux alpha transparency.  It's just a 16px square image (a PNG, but
   could be a GIF) filled with a colour (I chose orange because it
   contrasts pleasingly with blue - opposite on colour wheel) and then
   every other pixel is filled with another colour (e.g. white) which is
   made the transparent colour (ordinary transparency) - anything behind
   the transparent pixels shows through and our wonderful brain fills in
   the rest, thanks to Gestalt psychology.  Only really works when a solid
   colour is required, such as table row rollovers. NOTE: IE doesn't like
   tr:hover anyway so "pprrffffft!" to that! */
/*tbody tr:hover {
    background: url(http://www.classical-webdesigns.co.uk/cssexps/fauxalpha.png) transparent repeat center;
}*/
 
/* CSS2 selectors - this just means the link in the fourth TD along
   (the last column).  It simply adds a "download" icon and makes the
   text all caps - will be ignored by older browsers. We also add a 
   link colour (same as all other links) for personal stylesheets. */
/*tbody td+td+td+td a {
    padding-right: 16px;
    background: url(http://www.classical-webdesigns.co.uk/cssexps/dlarrow.png) transparent no-repeat bottom right;
    color: #00d;
    font-variant: small-caps;
    letter-spacing: 0.1em;
}*/
 
/* Finally we have the link styles: background has been rendered as
   transparent so the background image isn't blocked in an ugly way. */
/*tbody a {
    background-color: transparent;
    color: #00d;
    text-decoration: none;
}
tbody a:visited {
    background-color: transparent;
    color: #00a;
}
tbody a:hover {
    background-color: transparent;
    color: #00f;
}
tbody a:active {
    background-color: transparent;
    color: #f00;
}
 */
/* EOF */

table{
	font-family: Verdana, Geneva, sans-serif, Tahoma;
}

#---------Search_Box--------------------------------------------------------{}

/*Begin SearchBox Styling*/
table.searchbox {
	border:1px solid #c2c2c2;
}


table.searchbox tr > td{
	/*background-color: #E3E3E3;*/
	background-image: url(../images/style01/search-box-bg.gif);
	height:25px;
	padding: 0px 10px 0px 10px;
	vertical-align:middle;

}

table.searchbox .header{
	color:#069;
}

.search-divider
{
    margin: 0px 5px 0px 5px;
    }
.search-input
{
    background:none;
    border:none;
    
    width:85px;
   }
.search-input-wrapper
{
    background-image: url(../images/style01/search-box-input-bg.gif);
    width:85px;
    float:left;
    height:16px;
    }
    
 .search-icon
 {
    background:none;
    border:none;
    width:18px;
     }
 .search-icon-wrapper
 {
     background-image: url('../images/style01/search-box-input-icon.gif');
    width:18px;
    float:left;
    height: 16px;
}

.search-btn
{
    background-image: url('../images/style01/Btn-bg.png');
    background-repeat:repeat-x;
    color:#616161;
    font-size:11px;
    border:1px solid #c2c2c2;
    height: 20px;
}

/*End SearchBox Styling*/

/*table.searchbox #imgNewRoad{
	background-image: url(../images/style01/AddNewButton.png);
	height: 20px;
	width: 18px;
}*/

#---------Search_Filter--------------------------------------------------------{}

table.SearchFilter{
	border: 1px solid #c2c2c2;
}

table.SearchFilter tbody{
	color: #000;
	font-size: 12px;
}

table.SearchFilter tbody tr td{
 padding: 10px 0px 10px 0px;
}

#---------Result_Panel--------------------------------------------------------{}

table.ResultPanelContainer{
	/*border: 1px solid #c2c2c2;*/
	margin-top: 10px;
}

table.ResultPanelHeader{
	/*background-color: #E3E3E3;*/
	background-image: url(../images/style01/Result-pane-head-bg.gif);
	background-repeat: repeat-x;
	color: #6a6a6a;
	line-height: 20px;
	font-size: 10px;
	/*padding: 5px 30px 5px 30px;*/
}

table.ResultPanelHeader tr td{
	padding: 0px 20px 0px 20px;
}

table.ResultPanelHeader tr td a{
    color: #6a6a6a;
    text-decoration:none;
}



table.ResultPanelHeader tr td a:hover{
    color: Black;
    text-decoration:underline;
}

table.ResultPanelDataDisplay tobody tr:hover
{
    background-color:Lime;
    }

table.ResultPanelDataDisplay
{
    margin-top:3px;
    }
table.ResultPanelDataDisplay thead th{
	background-image: url(../images/style01/table-thead-bg.gif);
	background-repeat: repeat-x;
	line-height: 30px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-position: bottom;*/
	font-size: 11px;
	padding: 0px 5px 5px 5px;
	height: 30px;
	
}

table#PropertyList thead th{
	background-image: url(../images/style01/table-thead-PList-bg.gif);
	
	background-repeat: repeat-x;
	line-height: 12px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-position: bottom;*/
	font-size: 10px;
	padding: 0px 5px 5px 5px;
	height: 40px;
	
}

table#TransList thead th{
	background-image: url(../images/style01/table-thead-PList-bg.gif);
	
	background-repeat: repeat-x;
	line-height: 12px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-position: bottom;*/
	font-size: 10px;
	padding: 0px 5px 5px 5px;
	height: 40px;
	
}

table#CompleteList thead th{
	background-image: url(../images/style01/table-thead-PList-bg.gif);
	
	background-repeat: repeat-x;
	line-height: 12px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-position: bottom;*/
	font-size: 10px;
	padding: 0px 5px 5px 5px;
	height: 40px;
	
}

table#TransCompleteList thead th{
	background-image: url(../images/style01/table-thead-PList-bg.gif);
	
	background-repeat: repeat-x;
	line-height: 12px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-position: bottom;*/
	font-size: 10px;
	padding: 0px 5px 5px 5px;
	height: 40px;
	
}

table#TransPenCollection thead th{
	background-image: url(../images/style01/table-thead-PList-bg.gif);
	
	background-repeat: repeat-x;
	line-height: 12px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-position: bottom;*/
	font-size: 10px;
	padding: 0px 5px 5px 5px;
	height: 40px;
	
}

table#TransPenSign thead th{
	background-image: url(../images/style01/table-thead-PList-bg.gif);
	
	background-repeat: repeat-x;
	line-height: 12px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-position: bottom;*/
	font-size: 10px;
	padding: 0px 5px 5px 5px;
	height: 40px;
	
}

table#TransAbort thead th{
	background-image: url(../images/style01/table-thead-PList-bg.gif);
	
	background-repeat: repeat-x;
	line-height: 12px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-position: bottom;*/
	font-size: 10px;
	padding: 0px 5px 5px 5px;
	height: 40px;
	
}


table.ResultPanelDataDisplay thead th a
{
    color:#6a6a6a;
    text-decoration:none;
    }

#first-col{
    padding-left:20px;
    }

table.ResultPanelDataDisplay tbody td{
	color: #000;
	line-height: 30px;
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	border-bottom: 1px solid #c2c2c2;
}


table.ResultPanelDataDisplay tbody td a {
    text-decoration:none;
    color:Black;   
}

table.ResultPanelDataDisplay tbody td a:visited{}

table.ResultPanelDataDisplay tbody td a:hover
{
    color:Black;
    background-color:;
}
    
table.ResultPanelDataDisplay tbody td a:active{}



table.ResultPanelFooter
{
    margin-top:3px;
	background-color: #E3E3E3;
	color: #6a6a6a;
	background-image: url(../images/style01/table-tfoot-bg.gif);
	background-repeat: repeat-x;
	line-height: 20px;
	height:25px;
	/*border-top: 1px solid #c2c2c2;*/
	padding: 0px 20px 0px 20px;
	font-size: 10px;
}

table.ResultPanelFooter tr td{
	padding: 0px 20px 0px 20px;
}

table.ResultPanelFooter tr td a
{
    color: #6a6a6a;
    text-decoration:none;
    
    }
table.ResultPanelFooter tr td a:hover
{
color: Black;
    text-decoration: underline;
}
.jump-button
{
    background-image: url(../images/style01/Btn-jump.png); 
    background-repeat:no-repeat;
    width:32px;
    height:22px;
    background-color:Blue;
    }
    
    
    
    
 /*Dashboard - Announcement */
    
 table.AnnouncementContainer{
	border: 1px solid #c2c2c2;
	margin-top: 10px;
}
    
 table.Announcement
 {
     	background-image: url(../images/style01/Announcement-title-bg.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	line-height: 25px;
	font-size: 12px;
     
     
     }
     
     
     table.Announcement tr td{
	padding: 0px 20px 0px 20px;
}

table.Announcement tr td a{
    color: #6a6a6a;
    text-decoration:none;
}





table.AnnouncementDisplay tobody tr:hover
{
    
    }

table.AnnouncementDisplay
{
    margin-top:3px;
    }
table.AnnouncementDisplay thead th{
	background-image: url(../images/style01/Announcement-title-underline.png);
	
	background-repeat: no-repeat;
	line-height: 30px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;*/
	background-position: right;
	font-size: 11px;
	padding: 0px 5px 5px 5px;
	height: 30px;
	
}

#first-col{
    padding-left:20px;
    }

table.AnnouncementDisplay tbody td{
	color: #000;
	line-height: 30px;
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	/*border-bottom: 1px solid #c2c2c2;*/
}


table.AnnouncementDisplay tbody td a {
    text-decoration:none;
    color:Black;   
}

table.AnnouncementDisplay tbody td a:visited{}

table.AnnouncementDisplay tbody td a:hover
{
    color:White;
    background-color:;
}
    
table.AnnouncementDisplay tbody td a:active{}


table.AnnouncementFooter
{
    margin-top:3px;
	background-color: #E3E3E3;
	color: #6a6a6a;
	background-image: url(../images/style01/Announcement-tfoot-bg.png);
	background-repeat: repeat-x;
	line-height: 20px;
	height:25px;
	/*border: 1px solid #c2c2c2;*/
	padding: 0px 20px 0px 20px;
	font-size: 10px;
}

table.AnnouncementFooter tr td{
	padding: 0px 20px 0px 20px;
}

table.AnnouncementFooter tr td a
{
    color: #6a6a6a;
    text-decoration:none;
    
    }
table.AnnouncementFooter tr td a:hover
{
color: Black;
    text-decoration: underline;
}

/*Dashboard - Reminder */
    
 table.ReminderContainer{
	border: 1px solid #c2c2c2;
	margin-top: 10px;
}
    
 table.Announcement
 {
     	background-image: url(../images/style01/Announcement-title-bg.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	line-height: 25px;
	font-size: 12px;
     
     
     }
     
     
     table.Reminder tr td{
	padding: 0px 20px 0px 20px;
}

table.Reminder tr td a{
    color: #6a6a6a;
    text-decoration:none;
}





table.ReminderDisplay tobody tr:hover
{
    
    }

table.AnnouncementDisplay
{
    margin-top:3px;
    }
table.ReminderDisplay thead th{
	background-image: url(../images/style01/Announcement-title-underline.png);
	
	background-repeat: no-repeat;
	line-height: 30px;
	text-align: left;
	/*border-bottom: 1px solid #666;
	border-top: 1px solid #666;*/
	background-position: right;
	font-size: 11px;
	padding: 0px 5px 5px 5px;
	height: 30px;
	
}

#first-col{
    padding-left:20px;
    }

table.ReminderDisplay tbody td{
	color: #000;
	line-height: 30px;
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	/*border-bottom: 1px solid #c2c2c2;*/
}


table.ReminderDisplay tbody td a {
    text-decoration:none;
    color:Black;   
}

table.ReminderDisplay tbody td a:visited{}

table.ReminderDisplay tbody td a:hover
{
    color:White;
    background-color:;
}
    
table.ReminderDisplay tbody td a:active{}


table.ReminderFooter
{
    margin-top:3px;
	background-color: #E3E3E3;
	color: #6a6a6a;
	background-image: url(../images/style01/Announcement-tfoot-bg.png);
	background-repeat: repeat-x;
	line-height: 20px;
	height:25px;
	/*border: 1px solid #c2c2c2;*/
	padding: 0px 20px 0px 20px;
	font-size: 10px;
}

table.ReminderFooter tr td{
	padding: 0px 20px 0px 20px;
}

table.ReminderFooter tr td a
{
    color: #6a6a6a;
    text-decoration:none;
    
    }
table.ReminderFooter tr td a:hover
{
color: Black;
    text-decoration: underline;
}

/*====================================================================================================*/

.Announcement-table {
	font-size: 12px;
	width:100%;
	/*background-color: #f7f8f8;*/
	 
}

table.Announcement-table th{
	text-align: left;
	padding: 8px 20px 8px 20px;
	width: 300px;
	border-collapse: collapse;
	font-weight:normal;
	color:#666;
	/*color:#023976;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-y;
	background-position: right;*/
	}
	
table.Announcement-table tr td{
	/*border-left: 2px solid #FFF;*/
	color:#989898;
	border-collapse: collapse;
	padding-left: 20px;
	padding-right:20px;
}

#StatusHigh
{
    color:Gray;
    }
    
#StatusMedium
{
    color:Gray;
    }
    
#StatusLow
{
    color :Gray;
    }
    
/*==========================================System Generated Calendar==========================================================*/

.Calendar-Table {
	font-family: Verdana, Geneva, sans-serif, Tahoma;
	border: 1px solid #c2c2c2;
	
}
.Calendar-Table thead th {
	background-color: #CCC;
	background-image: url(../images/style01/Calendar-head-bg.png);
	background-repeat:repeat-x;
	border: 1px solid white;
	color: #FFF;
	font-size: 14px;
	line-height: 55px;
}
.Calendar-Table {
}
.Grid-Calendar 
{
    font-family: Verdana, Geneva, sans-serif, Tahoma;
	border: 1px solid #c2c2c2;
	/*min-height:90px;*/
}

table.Grid-Calendar thead th
{
    background-color:#f4f4f4;
    color:Black;
    line-height:20px;
    border:0px;
    background-image:none;
    }

.Grid-Calendar tbody td{
	/*border:1px solid #c2c2c2;*/
	font-size:12px;
	line-height:1.3;
	color: #999;
	}

.Grid-Calendar tfoot {
	font-size: 12px;
	background-image: url(../images/style01/Calendar-foot-bg.png);
	background-repeat:repeat-x;
}